Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS

モバイル
youtube
Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS Learn to code a mobile responsive personal portfolio website using Next.js, Three.js & Tailwind CSS. Course developed by @CodeBucks 🔗 Demo Link: 💻 Starter Code: 💻 Final Code: ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro + Demo ⌨️ (0:06:02) Setup and Installation ⌨️ (0:08:11) Layout.js file and Tailwind config ⌨️ (0:11:53) Home page ⌨️ (0:13:21) Generate Images using Playground AI ⌨️ (0:16:56) 3D model configuration and Rendering ⌨️ (0:37:13) Navigation buttons ⌨️ (1:07:53) Creating background firefly effect ⌨️ (1:20:07) Projects page ⌨️ (1:32:46) Subpages layout ⌨️ (1:40:08) About page ⌨️ (1:55:48) Github stats & Skill icons ⌨️ (2:10:48) Contact page ⌨️ (2:20:06) Using Emailjs ⌨️ (2:35:27) Show toast messages ⌨️ (2:41:23) Mobile responsive ⌨️ (3:10:16) Adding animations using framer-motion ⌨️ (3:23:57) Adding music ⌨️ (3:49:21) Optimizing Images and performance 🎉 Thanks to our Champion and Sponsor supporters: 👾 Drake Milly 👾 Ulises Moralez 👾 Goddard Tan 👾 David MG 👾 Matthew Springman 👾 Claudio 👾 Oscar R. 👾 jedi-or-sith 👾 Nattira Maneerat 👾 Justin Hual -- Learn to code for free and get a developer job: Read hundreds of articles on programming:
  2024/10/03      youtube

関連するプログラミング動画 [mobile]

Our Tag

最近投稿されたプログラミング学習動画

Build a live translation broadcast app with the Gemini Live API and Li

Learn how to build a real-time multiling...

  2026/08/18

Search Engine Optimization 2026 | Complete SEO Guide for Beginners | S

🔥SP Jain - AI-Powered Digital Marketing ...

  2026/08/17

Hands on with Gemini 3.7 Flash

Discover how leaders at Box, Databricks,...

  2026/08/17

UI and UX Design Full Course 2026 | UI and UX Design Tutorial for Begi

Design

🔥Virginia Tech Professional Certificate ...

  2026/08/17

AI Model Wars 2026 | Gemini 3.5 Pro vs Claude Fable 5 vs GPT-5.6 | #Si

🔥Advanced Executive Program In Applied G...

  2026/08/17

How Instagram Explains Encapsulation | Encapsulation Explained in 60 S

instagram
Facebook

🔥AI-Powered Full Stack Developer Program...

  2026/08/17

Day in the life working at Google: Senior Data Center Electrical Engin

Google

What does it take to keep the internet r...

  2026/08/17

Business Analytics Full Course 2026 | Business Analytics Tutorial in 2

🔥Microsoft Azure - AI-Powered Business A...

  2026/08/17

What Is Machine Learning? | Machine Learning Simply Explained in 60 Se

study

🔥 Professional Certificate Course in Gen...

  2026/08/17

【ChatGPT超入門】無料でも仕事で使える機能7選|これだけ知れば9割使いこなせる

【ChatGPT 使い方】無料でOK!仕事で使える機能7選|2026年8月最新 ...

  2026/08/16

AIエージェントの仕組みを完全理解しよう!AIエージェントとは何かAIのプロが徹底解説します

本日はAIエージェントの仕組み完全理解についてお話させて頂きました! ぜひご視聴...

  2026/08/16

Offset AI Brain Drain With a Personal Bootcamp!

python

Download your free Python Cheat Sheet he...

  2026/08/15

AI Hype vs Reality: Layoffs, Stocks, and Local LLMs

python

Download your free Python Cheat Sheet he...

  2026/08/14

Improving NumPy Performance on Free-Threaded Python | Real Python Podc

python

What bottlenecks were preventing NumPy f...

  2026/08/14

The College Failure Who Became the Einstein of Maths #history #science

Ramanujan was a maths genius and this is...

  2026/08/14

System Design for AI Agents – Building a Multi-Agent PR Reviewer

Design

Learn how to design and build a producti...

  2026/08/14